<template>
    <el-tabs type="border-card" v-model="activeName">
        <el-tab-pane label="细则规章" name="free">
            <el-row>
                <div></div>
            </el-row>
            <el-row>
                <el-table
                        :data="tableData"
                        style="width: 100%"
                        border
                        stripe
                        :highlight-current-row="true"
                        :header-cell-style="{ background: '#ededed', color: '#333' }"
                >
                    <el-table-column prop="data" align="center" label="文件" />
                    <el-table-column prop="tit" align="center" label="操作">
                        <template slot-scope="scope">
                            <el-button type="" @click="detail()">
                                {{ scope.row.tit }}
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </el-row>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
    export default {
        name: 'rules',
        data() {
            return {
                activeName: 'free',
                form: {
                    data: '',
                    tit: '',
                    name: '',
                },
                tableData: [
                    {
                        data: '凯拓转正管理办法',
                        tit: '下载',
                    },
                    {
                        data: '凯拓项目工期核定制度',
                        tit: '下载',
                    },
                    {
                        data: '月度“敬业之星”优秀工程师执行规范',
                        tit: '下载',
                    },
                    {
                        data: '凯拓文档编写规范',
                        tit: '下载',
                    },
                    {
                        data: '凯拓财务科管理制度（试行）',
                        tit: '下载',
                    },
                    {
                        data: '人才推荐奖励政策',
                        tit: '下载',
                    },
                    {
                        data: '凯拓员工上班工作要求',
                        tit: '下载',
                    },
                    {
                        data: '凯拓项目管理执行规范（修订三）',
                        tit: '下载',
                    },
                    {
                        data: '凯拓新人成长计划公约（试行）',
                        tit: '下载',
                    },
                    {
                        data: '凯拓软件内务执行条例',
                        tit: '下载',
                    },
                    {
                        data: '凯拓软件工作证管理办法（修订三）',
                        tit: '下载',
                    },
                    {
                        data: '凯拓软件保密制度',
                        tit: '下载',
                    },
                    {
                        data: '凯拓职级与薪酬管理制度（2020版）试行',
                        tit: '下载',
                    },
                    {
                        data: '凯拓新人成长计划公约（试行）',
                        tit: '下载',
                    },
                    {
                        data: '凯拓积分管理制度',
                        tit: '下载',
                    },
                ],
            };
        },
        methods: {},
    };
</script>

<style scoped>
    .text-right{
        float: right;
    }
</style>